@media (min-width: 599px) and (max-width: 1080px) {
  * {
    max-width: calc(100vw - 4.4em);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

body::-webkit-scrollbar {
  display: none;
}

.disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.theme-button {
  cursor: pointer;
  border-radius: var(--td-radius-medium);
  font-size: 1.8em;
  padding: 0.2em;
}

.theme-button-light {
  color: var(--td-warning-color);
  background-color: var(--td-text-color-disabled);
}

html[theme-mode="dark"] {
  background-color: var(--td-bg-color-page);
  color: var(--td-text-color-secondary);

  .theme-button-dark {
    background-color: var(--td-text-color-disabled);
  }

  .theme-button-light {
    background-color: rgba(0, 0, 0, 0);
  }
}

.t-submenu {
  .t-is-active, .t-is-active .t-icon {
    color: var(--td-text-color-anti) !important;
  }

  .t-is-active {
    background-color: var(--td-brand-color) !important;
  }
}

.vip-icon {
  font-size: 2em;
  color: var(--td-error-color);
}

.intro {
  color: var(--td-text-color-disabled);
  font-size: var(--td-font-size-link-small);
}